<script setup>
//导入钩子函数
import {ref,onBeforeMount,onMounted} from 'vue'

const count = ref(0) //默认计算器
//钩子函数：回调函数，把函数作为参数传递
onMounted(()=>{
  console.log('执行onMounted...')
})
//一般在这个钩子函数中做远程数据的获取操作
onBeforeMount(()=>{
  console.log("执行onBeforeMount...")
  //假设从远程获取值：axios组件，假设也获取到值
  count.value = 120
})

</script>

<template>
    <div>从远程获取到的值:{{count}}</div>
</template>

<style scoped>

</style>